﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表示例</title>
<link rel="stylesheet" type="text/css" href="../../css/main.css" />
<link rel="stylesheet" type="text/css" href="../../widgets/extremecomponents/extremecomponents.css"  rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="../../css/publicall.css" />
<link rel="stylesheet" type="text/css" href="../../css/publichead.css" />
<script language="JavaScript" src="../../js/calendar.js"></script>
</head>

<body>
		<div id="navcontainer">
			<ul id="navlist">
				<!-- CSS Tabs -->
				<li><a id="current" href="#"><span id="seanav">船期</span></a></li>
			</ul>
		</div>
		
		<div id="toolbar">
			<a href="bookingForm.htm" title="New" target="_blank"><img src="../../images/demo/toolbar/new.gif" alt="New"/>新增</a>|
			<!--<a href="#"  onclick="deleteSelected()"><img src="../../images/demo/toolbar/print.gif" alt="打印"/>Delete</a>|-->
			<a href="#" title="Refresh"><img src="../../images/demo/toolbar/refresh.gif" alt="Refresh"/>刷新</a>|
			<a href="#" onclick="query()" title="Query"><img src="../../images/demo/toolbar/search.gif" alt="Query"/>查询</a>|
			<a href="#" onclick="deleteSelected()"><img src="../../images/demo/toolbar/delete.gif" alt="Cancel"/>取消</a>
		</div>
			
		<table>
			<tr>
				<td><span id="infounit">卸港:</span></td>
				<td>
					<div id="portlistdiv" style="position: absolute; background:#eeffdd; padding-left:4px; padding-right:4px; visibility: hidden; overflow: hidden; width:420px;"></div>
					<input name="podid" type="hidden"/>
					<input name="pod" type="text" class="text" onkeyup="createMenu(this)" onblur="lostFoucs()" onfocus="initObj('podid','pod')"/>
				</td>
				<td><span id="infounit">目的地:</span></td>
				<td><input name="destination" type="text" class="text"/></td>
				<td><span id="infounit">查询条件:</span></td>
				<td>
					<select class="text" name="ebkstatus">
						<option value="" selected="selected">所有</option>
						<option value="A">已受理</option>
						<option value="U">未受理</option>
					</select>
				</td>	
			</tr>
			<tr>
				<td><span id="infounit">收货人:</span></td>
				<td><input name="cneename" type="text" class="text"/></td>
				<td><span id="infounit">货品名称:</span></td>
				<td><input name="goodsname" type="text" class="text"/></td>
				<td><span id="infounit">唛头:</span></td>
				<td><input name="markno" type="text" class="text"/></td>
			</tr>
			<tr>
				<td><span id="infounit">订单日期:</span></td>
				<td colspan="3">
				<input name="dateFrom" type="text" class="text" onfocus="CreateMonthView(this)" onclick="CreateMonthView(this)" onblur="DeleteMonthView(this)"/>
				 - <input name="dateTo" type="text" class="text" onfocus="CreateMonthView(this)" onclick="CreateMonthView(this)" onblur="DeleteMonthView(this)"/>
				 </td>					
				<td><span id="infounit">订单号:</span></td>
				<td>
					<input name="shprrefno" type="text" class="text"/>
				</td>
			</tr>
		</table>
		
		
		<form id="ec"  action="../../booking/bookingRead.do?method=query&acttype=gopage"  method="post" >
			
			<div class="eXtremeTable" >
			<table id="ec_table"  border="0"  cellspacing="0"  cellpadding="0"  class="tableRegion"  width="1000" >
			<thead>
			<tr style="padding: 0px;" >
				<td colspan="27" >
				<table border="0"  cellpadding="0"  cellspacing="0"  width="100%" >
					<tr>
						<td class="statusBar" >找到6 条记录, 显示 1 到 6 </td>
						<td class="compactToolbar"  align="right" >
						<table border="0"  cellpadding="1"  cellspacing="2" >
							<tr>
							<td><img src="../../widgets/extremecomponents/images/firstPageDisabled.gif"  style="border:0"  alt="第一页" /></td>
							<td><img src="../../widgets/extremecomponents/images/prevPageDisabled.gif"  style="border:0"  alt="上一页" /></td>
						<td>&nbsp;<span><font class="currentNum">[1]</font></span></td>
							<td><img src="../../widgets/extremecomponents/images/nextPageDisabled.gif"  style="border:0"  alt="下一页" /></td>
							<td><img src="../../widgets/extremecomponents/images/lastPageDisabled.gif"  style="border:0"  alt="最后页" /></td>
							<td><img src="../../widgets/extremecomponents/images/separator.gif"  style="border:0"  alt="Separator" /></td>
							<td><select name="ec_rd">
						<option value="15"  selected="selected">15</option><option value="50" >50</option><option value="100" >100</option>
						</select></td>
							</tr>
						</table></td>
					</tr>
				</table>
				</td>
			</tr>		
		
			<tr>
				<td class="tableHeader"  width="10" > </td>
				<td class="tableHeader"  width="70"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 受理状态" >受理状态</td>
				<td class="tableHeader"  width="100"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 订单号" >订单号</td>
				<td class="tableHeader"  width="100"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 订舱号" >订舱号</td>
				<td class="tableHeader"  width="80"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 船名" >船名</td>
				<td class="tableHeader"  width="80"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 航次" >航次</td>
				<td class="tableHeader"  width="80"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 装货港" >装货港</td>
				<td class="tableHeader"  width="80"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 卸货港" >卸货港</td>
				<td class="tableHeader"  width="120"  onmouseover="this.className='tableHeaderSort';this.style.cursor='pointer'"  onmouseout="this.className='tableHeader';this.style.cursor='default'" title="排序 更新日期" >更新日期</td>
			</tr>
			</thead>
			<tbody class="tableBody" >
			<tr class="odd"  onmouseover="this.className='highlight'"  onmouseout="this.className='odd'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225006</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			<tr class="even"  onmouseover="this.className='highlight'"  onmouseout="this.className='even'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225005</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			<tr class="odd"  onmouseover="this.className='highlight'"  onmouseout="this.className='odd'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225004</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			<tr class="even"  onmouseover="this.className='highlight'"  onmouseout="this.className='even'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225003</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			<tr class="odd"  onmouseover="this.className='highlight'"  onmouseout="this.className='odd'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225002</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			<tr class="even"  onmouseover="this.className='highlight'"  onmouseout="this.className='even'" >
				<td width="10" ><input type="checkbox" name="itemlist" value="10073440001" disabled="disabled"/></td>
				<td width="70" ><img src="../../images/demo/booking/newbk.gif" alt="New Booking"/>未受理</td>
				<td width="100" ><a href="bookingForm.htm" target="_blank">dl100225001</a></td>
				<td width="100" ><a href="bookingForm.htm" target="_blank"></a></td>
				<td width="80" >123</td>
				<td width="80" >456</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="80" >DUBAI ( OR )</td>
				<td width="120" >2010-02-25 14:41</td>
			</tr>
			</tbody>
		</table>
			</div>
			</form>
</body>
</html>
